<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="./img/ico/64px.png" type="image/png"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
    />
    <title>颜小小</title>
    <link rel="stylesheet" href="./css/init.min.css" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="root-Page">
<!--    Banner    -->
        <div class="banner">
            <img src="" alt="颜小小logo" id="logo">
<!--            <picture class="logo">-->
<!--                <source srcset="./img/mobile/LOGO-CS5@2x.png" media="(min-width: 320px) and (max-width: 641px)">-->
<!--                <img src="./img/LOGO-CS5@2x.png" alt="颜小小logo" id="logo">-->
<!--            </picture>-->
<!--            <img src="./img/背景@2x.png" alt="颜小小" class="banner">-->
            <div class="options">
                <a href="" id="wxUrl" target="_blank"><i class="icon wx-icon"></i></a>
                <a href="" id="wbUrl" target="_blank"><i class="icon wb-icon"></i></a>
                <button class="lang">中文<i class="arrow"></i></button>
            </div>
        </div>
<!--    Header    -->
        <header>
            <ul class="menu-list">
<!--                <li class="menu active">-->
<!--                    颜小小炸鸡-->
<!--                </li>-->
<!--                <li class="menu">-->
<!--                    品牌故事-->
<!--                </li>-->
<!--                <li class="menu">-->
<!--                    产品展示-->
<!--                </li>-->
<!--                <li class="menu">-->
<!--                    宇宙旗舰店-->
<!--                </li>-->
<!--                <li class="menu">-->
<!--                    连锁加盟-->
<!--                </li>-->
            </ul>
            <div class="options">
                <a href="" id="wxUrl2" target="_blank"><i class="icon wx-icon"></i></a>
                <a href="" id="wbUrl2" target="_blank"><i class="icon wb-icon"></i></a>
                <button class="lang">中文<i class="arrow"></i></button>
            </div>
        </header>
        <div class="main">
            <div class="item-page item-page-1">
                <div class="page-title">
                    <span class="line"></span>
                    <h1 class="item-page-title">品牌故事</h1>
                    <span class="line"></span>
                </div>
                <div class="content" id="brandStoryDocument">
<!--                    <p class="item-content1">-->
<!--                        <span class="title">公司简介:</span>-->
<!--                        <span class="text">-->
<!--                            颜小小炸鸡是广州颜小小品牌管理有限公司旗下的全新炸鸡品牌。广州颜小小品牌管理有限公司成立于2018年，是一家大型综合性品牌投资管理企业，在餐饮项目范围拥有专业产品研发中心，研发人员来自世界各地知名餐饮机构。-->
<!--                        </span>-->
<!--                    </p>-->
<!--                    <p class="item-content2">-->
<!--                        <span class="title">品牌:</span>-->
<!--                        <span class="text">-->
<!--                            颜小小炸鸡，源自马来西亚，由知名金牌辩手颜如晶亲自发起。 颜如晶是马来西亚人，对炸鸡一直情有独钟、颇有研究，出于对炸鸡的喜爱，颜如晶便亲自发起了颜小小炸鸡品牌。颜小小秉承马来西亚传统技艺之精华，从调料原料到烹饪手法，均遵循马来西亚传统，充分糅合中餐口味，为中国人带来原汁原味的马来风味炸鸡，是颜小小的品牌理念。-->
<!--                        </span>-->
<!--                    </p>-->
                </div>
                <div class="code">
                    <div class="item-code">
                        <img src="" alt="颜小小微信公众号" class="wxCode">
<!--                        <picture>-->
<!--                            <source srcset="./img/mobile/wechatCode@2x.png" media="(min-width: 320px) and (max-width: 641px)">-->
<!--                            <img src="./img/wechatCode@2x.png" alt="颜小小微信公众号" id="wxCode">-->
<!--                        </picture>-->
                        <p>微信Wechat</p>
                    </div>
                    <div class="item-code">
                        <img src="" alt="颜小小微博" class="wbCode">
<!--                        <picture>-->
<!--                            <source srcset="./img/mobile/weiboCode@2x.png" media="(min-width: 320px) and (max-width: 641px)">-->
<!--                            <img src="./img/weiboCode@2x.png" alt="颜小小微博" id="wbCode">-->
<!--                        </picture>-->
                        <p>微博Weibo</p>
                    </div>
                </div>
                <picture class="ad">
                    <source srcset="./img/mobile/ad@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                    <img src="./img/ad@2x.png" alt="颜小小">
                </picture>
            </div>
            <div class="item-page item-page-2">
                <ul class="show-list">
                    <li class="show">
                        <div class="main-context">
                            <picture class="decoration decoration-1">
                                <source srcset="./img/mobile/招牌画@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                                <img src="./img/招牌画@2x.png" alt="">
                            </picture>
                            <div class="box">
                                <h2 class="item-page-title2">招牌风味</h2>
                                <div class="text" id="faciaFlavor">
                                    <!-- <p>颜小小精选每一块鸡肉，</p>
                                    <p>用秘制酱汁腌制，</p>
                                    <p>裹上特制炸粉精心炸制，</p>
                                    <p>饱含肉汁酥脆的外皮，</p>
                                    <p>包裹质地饱满的精选鸡中翅、</p>
                                    <p>一口轻咬肉汁磅礴涌出，</p>
                                    <p>琥珀金颜色的酥脆外皮令人垂涎欲滴，</p>
                                    <p>包裹厚实紧致的鸡腿肉，</p>
                                    <p>轻轻撕开，汁香肉嫩，</p>
                                    <p>满满的南洋风味。</p> -->
                                </div>
                            </div>
                        </div>
                        <div class="main-img">
                            <picture>
                                <source srcset="./img/mobile/招牌风味@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                                <img src="./img/招牌风味@2x.png" alt="颜小小-招牌风味">
                            </picture>
                        </div>
                    </li>
                    <li class="show">
                        <div class="main-img">
                            <picture>
                                <source srcset="./img/mobile/劲辣风味@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                                <img src="./img/劲辣风味@2x.png" alt="颜小小-劲辣风味">
                            </picture>
                        </div>
                        <div class="main-context">
                            <picture class="decoration decoration-2">
                                <source srcset="./img/mobile/劲辣画@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                                <img src="./img/劲辣画@2x.png" alt="">
                            </picture>
                            <div class="box">
                                <h2 class="item-page-title2">劲辣风味</h2>
                                <div class="text" id="hotFlavor">
                                    <!-- <p>甄选指天椒制作辣椒腌料，</p>
                                    <p>配合肉汁满满的酥脆鸡翅，</p>
                                    <p>劲辣刺激，</p>
                                    <p>燃爆你的味蕾。</p> -->
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="show">
                        <div class="main-context">
                            <picture class="decoration decoration-3">
                                <source srcset="./img/mobile/咖喱画@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                                <img src="./img/咖喱画@2x.png" alt="">
                            </picture>
                            <div class="box">
                                <h2 class="item-page-title2">咖喱风味</h2>
                                <div class="text" id="curryFlavor">
                                    <!-- <p>与别不同的大马式咖喱，</p>
                                    <p>配合酥脆多汁的嫩滑鸡中翅，</p>
                                    <p>香气逼人。</p> -->
                                </div>
                            </div>
                        </div>
                        <div class="main-img">
                            <picture>
                                <source srcset="./img/mobile/咖喱风味@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                                <img src="./img/咖喱风味@2x.png" alt="颜小小-咖喱风味">
                            </picture>
                        </div>
                    </li>
                    <li class="show">
                        <div class="main-img">
                            <img src="./img/南乳风味@2x.png" alt="颜小小-南乳风味">
                        </div>
                        <div class="main-context">
                            <picture class="decoration decoration-4">
                                <source srcset="./img/mobile/南乳画@2x.png" media="(min-width: 320px) and (max-width: 641px)">
                                <img src="./img/南乳画@2x.png" alt="">
                            </picture>
                            <div class="box">
                                <h2 class="item-page-title2">南乳风味</h2>
                                <div class="text" id="southMilkFlavor">
                                    <!-- <p>特立独行的创新下，</p>
                                    <p>是对传统美味的传承。</p>
                                    <p>岭南特色的南乳，</p>
                                    <p>邂逅马来特色炸鸡，</p>
                                    <p>浓香与醇厚，</p>
                                    <p>完美结合。</p> -->
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="series">
                        <h2>小食系列</h2>
                        <div class="series-img series-img-1">
                            <div class="series-text">
                                <div id="noshFlavor">
                                    <!-- <p>绵厚的马铃薯泥和农家鸡蛋组合成极致醇厚的咖喱馅料，</p>
                                    <p>在薄薄的酥脆表皮下似乎吹弹可破，</p>
                                    <p>令人食指大动，</p>
                                    <p>传统大马香甜椰浆内馅撑满黄金色酥脆外皮，</p>
                                    <p>更有精选马来西亚榴莲做为内馅，</p>
                                    <p>包裹在酥脆的外皮之下，</p>
                                    <p>一口咬开，</p>
                                    <p>飘香四溢，</p>
                                    <p>每一款都是马来西亚国民早餐的味道。</p> -->
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="series">
                        <h2>鲜果系列</h2>
                        <div class="series-img series-img-2">
                            <div class="series-text">
                                <div id="fruitFlavor">
                                    <!-- <p>香甜草莓糅合绵绵冰沙上盖，</p>
                                    <p>冰爽香甜一次兼得，</p>
                                    <p>充满阳光气息的大块鲜橙果肉，</p>
                                    <p>甜酸可口解腻，</p>
                                    <p>更有劲酸的青柠邂逅绿茶不由得沁人心脾。</p> -->
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="item-page item-page-3">
                <div class="page-title">
                    <span class="line"></span>
                    <h1 class="item-page-title">宇宙旗舰店</h1>
                    <span class="line"></span>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <!-- 轮播图渲染位置 -->
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="item-page item-page-4">
                <div class="page-title">
                    <span class="line"></span>
                    <h1 class="item-page-title">连锁加盟</h1>
                    <span class="line"></span>
                </div>
                <div class="item-page-wrapper">
                    <img src="./img/图片1@2x.png" alt="颜小小-连锁加盟">
                    <p class="call">加盟热线：<span id="hotLine"></span></p>
                </div>
            </div>
        </div>
<!--    Footer    -->
        <footer>
            <div class="footer-wrapper">
                <div class="tips" id="company-content">
                    
                </div>
                <div class="bottom">
                    <div class="code">
                        <div class="item-code">
                            <img src="" alt="颜小小微信公众号" class="wxCode">
                            <p>微信Wechat</p>
                        </div>
                        <div class="item-code">
                            <img src="" alt="颜小小微博公众号" class="wbCode">
                            <p>微博Weibo</p>
                        </div>
                    </div>
                    <div class="info">
                        <p>公司名称：<span id="company-name"></span></p>
                        <p>公司地址：<span id="company-address"></span></p>
                        <p>ICP备案许可证：<span id="company-ICP"></span></p>
                        <p>合作电话：<span id="company-mobile"></span></p>
                    </div>
                </div>
            </div>
        </footer>
<!--    Back-top    -->
        <div class="back-top">
            <img src="./img/返回@2x.png" alt="" class="backTop" id="backTop">
            <img src="./img/二维码@2x.png" alt="" class="QRcode">
            <img alt="颜小小微信公众号" class="wxCode" id="wxCode">
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    <script src="./js/preventScale.min.js"></script>
    <script src="./js/index.js"></script>

</body>
</html>